
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Bosto</title>

    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/all.min.css">
    <link rel="stylesheet" href="../css/animate.css">
    <link rel="stylesheet" href="../css/nice-select.css">
    <link rel="stylesheet" href="../css/owl.min.css">
    <link rel="stylesheet" href="../css/odometer.css">
    <link rel="stylesheet" href="../css/magnific-popup.css">
    <link rel="stylesheet" href="../css/flaticon.css">
    <link rel="stylesheet" href="../css/main.css">

    <link rel="shortcut icon" href="../img/favicon.png" type="image/x-icon">
</head>

<body>

    
    <div class="overlayer" id="overlayer">
        <div class="loader">
            <div class="loader-inner"></div>
        </div>
    </div>
    <a href="#0" class="scrollToTop"><i class="fas fa-angle-up"></i></a>
    <div class="overlay"></div>
    <!-- ==========Header Section Starts Here========== -->
    <header>
        <div class="header-top">
            <div class="container">
                <div class="header-top-wrapper">
                    <span>Success your Business</span>
                    <select class="select-bar">
                        <option value="en">English</option>
                        <option value="bn">Brazil</option>
                        <option value="pk">Romania</option>
                        <option value="in">Sweden</option>
                        <option value="in">India</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="header-middle">
            <div class="container">
                <div class="header-wrapper">
                    <div class="logo d-none d-lg-block">
                        <a href="index.html"><img src="../img/logo/logo.png" alt="logo"></a>
                    </div>
                    <div class="info-area">
                        <div class="info-item">
                            <div class="info-thumb">
                                <i class="flaticon-email"></i>
                            </div>
                            <div class="info-content">
                                <h6 class="title">Email Address</h6>
                                <a href="Mailto:companyemail@gmail.com"><span class="__cf_email__" data-cfemail="a2c1cdcfd2c3ccdbc7cfc3cbcee2c5cfc3cbce8cc1cdcf">[email&#160;protected]</span></a>
                            </div>
                        </div>
                        <div class="info-item">
                            <div class="info-thumb">
                                <i class="flaticon-map"></i>
                            </div>
                            <div class="info-content">
                                <h6 class="title">Office Address</h6>
                                <span>1209 Elephent Road, Uttara</span>
                            </div>
                        </div>
                        <div class="info-item">
                            <ul class="header-social">
                                <li>
                                    <a href="#0"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-linkedin-in"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-google-plus-g"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="header-area style-2">
                    <div class="logo d-lg-none">
                        <a href="index.html"><img src="../img/logo/footer-logo2.png" alt="logo"></a>
                    </div>
                    <ul class="menu">
                        <li>
                            <a href="#0">Home</a>
                            <ul class="submenu">
                                <li>
                                    <a href="index.html">Home One</a>
                                </li>
                                <li>
                                    <a href="index-2.html">Home Two</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="about.html">About</a>
                        </li>
                        <li>
                            <a href="#0">Services</a>
                            <ul class="submenu">
                                <li>
                                    <a href="service.html">Services</a>
                                </li>
                                <li>
                                    <a href="service-details.html">Service Details</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#0">Team</a>
                            <ul class="submenu">
                                <li>
                                    <a href="team.html">Team Members</a>
                                </li>
                                <li>
                                    <a href="team-details.html">Team Details</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#0">Project</a>
                            <ul class="submenu">
                                <li>
                                    <a href="project.html">project</a>
                                </li>
                                <li>
                                    <a href="#0">project details</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#0">Pages</a>
                            <ul class="submenu">
                                <li>
                                    <a href="gallery.html">Gallery</a>
                                </li>
                                <li>
                                    <a href="#0">Shop</a>
                                    <ul class="submenu">
                                        <li>
                                            <a href="shop.html">Shop</a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html">Shop Details</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#0">Account</a>
                                    <ul class="submenu">
                                        <li>
                                            <a href="sign-up.html">Sign Up</a>
                                        </li>
                                        <li>
                                            <a href="sign-in.html">Sign In</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="pricing-plan.html">Pricing Plan</a>
                                </li>
                                <li>
                                    <a href="privacy-policy.html">Privacy & Policy</a>
                                </li>
                                <li>
                                    <a href="terms-condition.html">Terms & Condition</a>
                                </li>
                                <li>
                                    <a href="refund-policy.html">Refund Policy</a>
                                </li>
                                <li>
                                    <a href="faq.html">Faqs</a>
                                </li>
                                <li>
                                    <a href="404.html">Error Page</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#0">News</a>
                            <ul class="submenu">
                                <li>
                                    <a href="blog.html">Blog</a>
                                </li>
                                <li>
                                    <a href="blog-details.html">Blog Details</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="contact.html">Contact Us</a>
                        </li>
                        <li class="ml-auto">
                            <a href="#0" class="search-bar"><i class="fas fa-search"></i></a>
                        </li>
                    </ul>
                    <div class="header-bar2 ml-auto d-lg-none">
                        <i class="fas fa-ellipsis-h"></i>
                    </div>
                    <div class="header-bar d-lg-none">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
        </div>
    </header>
    
    <div class="search-form-area">
        <span class="hide-form">
            <i class="fas fa-times"></i>
        </span>
        <form class="search-form">
            <input type="text" placeholder="Search Here">
            <button type="submit"><i class="flaticon-search"></i></button>
        </form>
    </div>
    <!-- ==========Header Section Ends Here========== -->

    
    <!-- ==========Page Header Section Starts Here========== -->
    <section class="page-header bg_img" data-background="./assets/images/about/page-header.jpg">
        <div class="container">
            <div class="page-header-content">
                <h2 class="title">Project Details</h2>
                <ul class="breadcrumb">
                    <li>
                        <a href="index.html">home</a>
                    </li>
                    <li>
                        Project Details
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!-- ==========Page Header Section Ends Here========== -->

    
    <!-- ==========Project Section Starts Here========== -->
    <section class="project-details-section padding-top padding-bottom">
        <div class="container">
            <div class="row project-details">
                <div class="col-lg-8 mb-50-md-70 mb-lg-0">
                    <div class="item">
                        <h4 class="title">Service Overview</h4>
                        <p>Auctor consequat est, rhoncus et magna id at quis. Ducimus quam sed neque risus. Lectus class aenean, velit justo semper euismod mi eget, rutrum vitae, ut tempor purus dolorum sed class, vel diam lacus rutrum egestas. Odio in augue velit sapien suspendisse, ac mauris id, pellentesque sit quis leo, quam consectetur </p>
                        <img src="../img/project/project21.jpg" alt="project">
                    </div>
                    <div class="item">
                        <h4 class="title">About Project</h4>
                        <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec risus dapibus arcu, vestibulum at ipsum. Hendrerit eget sapien id, est hac vel massa elit sodales punar, nulla ante malesuada, faucibus suspendisse hac natoque nulla vitae, felis in egestas tincidunt ornare ligula, nec enim turpis. Ementum erat cras id integer vivamus nulla, mattisCurabitur nascetur sollicitudin mus rutrum, egestas vivamus, nam aliquam nec arcu per massa, nulla et eros ultricies nunc, ultrices curabitur. Eu tellus velit erat vel, imperdiet elit velit ipsum tellus, duis vulputate eleifend enim euismod ac. Sapien similique aliquam euismod illum, pellentesque quis, tristique ut orci id vitae libero. A unde egestas consequat pede iusto, cum amet arcu neque sit nunc malesuada, vehicula quis metus mauris vel ipsum platea. Vestibulum auctor nibh volutpat in. Luctus aliquam mi venenatis nisl elit etiam, id molestie sit, imperdiet ac scelerisque in. Fusce blandit erat et faucibus morbi. Semper metus ea porttitor. Lacus sem ac ac arcu non nam, eaque id nulla, tempus odio sed posuere, dignissim dictum lobortis, integer ornare a urna.</p>
                        <p>Nec viverra sit erat non arcu, nulla ante leo pretium luctus nunc, cursus integer et nunc placerat mauris a, sed quis, vivamus imperdiet aliquet leo et sit magna. Wisi lacinia viverra, vel vitae vestibulum fermentum, vel luctus, sed nibh egestas   </p>
                    </div>
                    <div class="item">
                        <h4 class="title">Project Gallery</h4>
                        <div class="thumb-gallery row">
                            <div class="col-sm-6 mb-30">
                                <img src="../img/project/project22.jpg" class="w-100" alt="project">
                            </div>
                            <div class="col-sm-6 mb-30">
                                <img src="../img/project/project23.jpg" class="w-100" alt="project">
                            </div>
                            <div class="col-sm-6 mb-30">
                                <img src="../img/project/project24.jpg" class="w-100" alt="project">
                            </div>
                            <div class="col-sm-6 mb-30">
                                <img src="../img/project/project25.jpg" class="w-100" alt="project">
                            </div>
                        </div>
                    </div>
                    <div class="item item-video">
                        <div class="video-area">
                            <img src="../img/project/video.jpg" alt="project">
                            <a href="https://www.youtube.com/watch?v=GT6-H4BRyqQ" class="video-button popup"><i class="flaticon-play"></i></a>
                        </div>
                        <div class="content-area">
                            <ul class="bal-list">
                                <li>Lacus nulla tellus volutpat mauris. aenean in sed</li>
                                <li>Consectetuer aliquam, a duis sit praese</li>
                                <li>Quam nunc nibh non arcu ultricies.</li>
                                <li>Accumsan interdum id consectetuer duis sit praesent</li>
                            </ul>
                            <p>Orbi viverra nonummy eget sed libero morbi. Etiam sit lacinia suspendisse sociosqu aliquam nunc. dictum class non ut consequat eget consectetuer. Suscipit est eleifend porta pharet nullam iaculis, </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="widget widget-info">
                        <ul>
                            <li>
                                <h6 class="caption">Client</h6>
                                <span>Onsult Trusted Client</span>
                            </li>
                            <li>
                                <h6 class="caption">Categories</h6>
                                <span>Investment, Trading</span>
                            </li>
                            <li>
                                <h6 class="caption">Completed</h6>
                                <span>December 01, 2019</span>
                            </li>
                            <li>
                                <h6 class="caption">Project Budgets</h6>
                                <span>$28,0000</span>
                            </li>
                        </ul>
                    </div>
                    <div class="widget widget-download">
                        <ul>
                            <li>
                                <a href="#0" class="active"><i class="far fa-file-powerpoint"></i>Presentation.pdf</a>
                            </li>
                            <li>
                                <a href="#0"><i class="fas fa-file-alt"></i>Condimentum.Doc</a>
                            </li>
                        </ul>
                    </div>
                    <div class="widget">
                        <div class="client-item-2">
                            <div class="client-thumb">
                                <div class="thumb">
                                    <a href="#0"><img src="../img/client/client3.png" alt="client"></a>
                                </div>
                            </div>
                            <div class="client-content">
                                <h6 class="title">Abu Raihan Rafuj</h6>
                                <span class="info">Client</span>
                                <p>Neque nunc phasellus nulla pharetra massa libero. Sed enim enim magnis consequuntur, nisl neque </p>
                                <div class="ratings yellow">
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                    <span class="fas fa-star"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Project Section Ends Here========== -->


    <!-- ==========Footer Section Starts Here========== -->
    <footer class="dark-footer">
        <div class="container">
            <div class="footer-top">
                <div class="footer-wrapper">
                    <div class="footer-widget widget-about">
                        <div class="footer-logo">
                            <a href="index.html"><img src="../img/logo/footer-logo2.png" alt="logo"></a>
                        </div>
                        <p>Senectus nunc volutpat sed at fusce, varius nulla orci luctus, ac ultricies ipsum aliquam bibendum felis, platea erat sit. Est dolor</p>
                        <div class="footer-contact">
                            <a href="Tel:0123654789" class="call">2222 - 3333 - 666 3333 - 666</a>
                            <a href="Mailto:demo@gmai.com" class="mail"><span class="__cf_email__" data-cfemail="1b7f7e76745b7c767a7235787476">[email&#160;protected]</span></a>
                        </div>
                    </div>
                    <div class="footer-widget widget-link">
                        <h5 class="title">Our Quick Link</h5>
                        <ul>
                            <li>
                                <a href="#0">Professional Team</a>
                            </li>
                            <li>
                                <a href="#0">Support</a>
                            </li>
                            <li>
                                <a href="#0">Pricing</a>
                            </li>
                            <li>
                                <a href="#0">Privacy Policy</a>
                            </li>
                            <li>
                                <a href="#0">Services</a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-widget widget-link">
                        <h5 class="title">Company</h5>
                        <ul>
                            <li>
                                <a href="#0">Web Design</a>
                            </li>
                            <li>
                                <a href="#0">Our History</a>
                            </li>
                            <li>
                                <a href="#0">Our Services</a>
                            </li>
                            <li>
                                <a href="#0">Become A Member</a>
                            </li>
                            <li>
                                <a href="#0">Appointment</a>
                            </li>
                            <li>
                                <a href="#0">Our Support Team</a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-widget widget-link">
                        <h5 class="title">My Account</h5>
                        <ul>
                            <li>
                                <a href="#0">About Us</a>
                            </li>
                            <li>
                                <a href="#0">My Account</a>
                            </li>
                            <li>
                                <a href="#0">Privacy Policy</a>
                            </li>
                            <li>
                                <a href="#0">Sign In </a>
                            </li>
                            <li>
                                <a href="#0">Information</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="footer-bottom-wrapper">
                    <div class="item">
                        <p class="m-0">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                    </div>
                    <ul class="item">
                        <li>
                            <a href="#0">Home</a>
                        </li>
                        <li>
                            <a href="#0">About Us</a>
                        </li>
                        <li>
                            <a href="#0">News</a>
                        </li>
                        <li>
                            <a href="#0">Contact Us</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <!-- ==========Footer Section Ends Here========== -->

    
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="../js/modernizr-3.6.0.min.js"></script>
    <script src="../js/plugins.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/isotope.pkgd.min.js"></script>
    <script src="../js/magnific-popup.min.js"></script>
    <script src="../js/wow.min.js"></script>
    <script src="../js/viewport.jquery.js"></script>
    <script src="../js/odometer.min.js"></script>
    <script src="../js/nice-select.js"></script>
    <script src="../js/owl.min.js"></script>
    <script src="../js/main.js"></script>
</body>

</html>